<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
</head>
<body class="container">
    <br/>
    <h1>注册
    </h1>
    <br/><br/>
    <!--表单-->
    <div class="with:60%">
        <form class="form-horizontal" action="/user/add" method="post">
            <!--用户名-->
            <div class="form-group">
                <label for="username" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="username" id="username" placeholder="用户名"/>
                </div>
            </div>
            <!--密码-->
            <div class="form-group">
                <label for="password" class="col-sm-2 control-label">密码</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" name="password" id="password" placeholder="密码"/>
                </div>
            </div>
            <!--重复密码-->
<!--            <div class="form-group">-->
<!--                <label for="password" class="col-sm-2 control-label">重复密码</label>-->
<!--                <div class="col-sm-10">-->
<!--                    <input type="password" class="form-control" name="password2" id="password2" placeholder="重复密码"/>-->
<!--                </div>-->
<!--            </div>-->
            <!--昵称-->
            <div class="form-group">
                <label for="nickname" class="col-sm-2 control-label">昵称</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="nickname" id="nickname" placeholder="昵称"/>
                </div>
            </div>
            <!--性别-->
            <div class="form-group">
                <label for="sex" class="col-sm-2 control-label">性别</label>
                <div class="col-sm-10">
                    <select name="sex" id="sex" class="form-control">
                        <option th:value="男" th:text="男"/>
                        <option th:value="女" th:text="女"/>
                    </select>
                </div>
            </div>
            <!--手机号码-->
            <div class="form-group">
                <label for="tel" class="col-sm-2 control-label">手机号码</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="tel" id="tel"  placeholder="手机号码"/>
                </div>
            </div>
            <!--目标周期-->
            <div class="form-group">
                <label for="targetCycle" class="col-sm-2 control-label">周期时长</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="targetCycle" id="targetCycle" placeholder="周期时长"/>
                </div>
            </div>
            <!--按钮-->
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="submit" value="添加" class="btn btn-info"/>
                    <input type="reset" value="重置" class="btn btn-info"/>
                </div>
            </div>
        </form>
    </div>
</body>
</html>